<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8" />
		<meta name="renderer" content="webkit" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0,uc-fitscreen=yes" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<title>票据类型列表</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<!-- miniMObile.css、js -->
		<link rel="stylesheet" type="text/css" href="css/miniMobile.css"/>
		<script type="text/javascript" src="js/zepto.min.js"></script>
		<script type="text/javascript" src="js/miniMobile.js"></script>
		<!-- mobileSelect -->
		<link rel="stylesheet" type="text/css" href="plugins/mobileSelect/mobileSelect.css">
		<script src="plugins/mobileSelect/mobileSelect.js" type="text/javascript"></script>
		<!-- icheck -->
		<script src="plugins/icheck/icheck.js" type="text/javascript" charset="utf-8"></script>
		<!-- noUiSlider -->
		<link rel="stylesheet" type="text/css" href="plugins/noUiSlider.10.0.0/nouislider.css" />
		<script src="plugins/noUiSlider.10.0.0/nouislider.js" type="text/javascript" charset="utf-8"></script>
		<!-- switchery -->
		<link rel="stylesheet" type="text/css" href="plugins/switchery/switchery.css"/>
		<script src="plugins/switchery/switchery.js" type="text/javascript" charset="utf-8"></script>
		<!-- iconfont -->
		<link rel="stylesheet" type="text/css" href="plugins/fonticon/iconfont.css" />
		<!-- animate.css -->
		<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css" />
		<style type="text/css">
			.item{
			    border-radius: 0.1rem;
			    display: flex;
			    flex-direction: row;
			    font-size: 0.27rem;
			    align-items: center;
			}
			.itemSpan{
			    display: flex;
			    width: 5.2rem;
			    flex-direction: column;
			    white-space: nowrap;
			    overflow: hidden;
			    text-overflow: ellipsis;
			}
		</style>
	</head>
	

	<body class="pb12 fadeIn animated">
		<header class="ui-header clearfix w75 h8 f46 pl3 pr3 color8 bg-color-success t-c o-h">
			<div class="ui-header-l fl w5">
				<img src="./img/triangle_left.png" onclick="javascript:window.history.back(-1);" class="returnBack"/>
			</div>
			<div class="ui-header-c fl f30 w59">
				票据类型列表
			</div>
			<div class="ui-header-r fr w5">
				<i class="icon iconfont icon-phone"></i>
			</div>
		</header>  
		<div>
			<div class="t-l f36 pb2 mt2 bbbcf1 pl1">租房租金</div>
			<!--该类型 展示  begin-->
			<div class="pl1 pr1 mb1 bbbcf1">
				<h2 class="f36 mt1">
					<span>2018年9月租房租金</span>
					<span class="fr colorSuccess">状态：审核通过</span>
				</h2>
				<div class="item mt2 mb2">
					<div class="w15"><img src="img/s3.jpg" class="w14 h12"></div>
					<div class="itemSpan">
						<h2 class="f28">发票标号：1111111</h2>
						<span>申请机构：中国四达上海分中国四达上海分中国四达上海分中国四达上海分</span>
						<span class="red">金额：9999</span>
					</div>
					<div><a href="single.html"><img src="./img/arrow.png"/></a></div>
				</div>
			</div>
			<!--end-->
			<div class="pl1 pr1 mb1 bbbcf1">
				<h2 class="f36 mt1">
					<span>2018年8月租房租金</span>
					<span class="fr red">状态：待审核</span>
				</h2>
				<div class="item mt2 mb2">
					<div class="w15"><img src="img/s3.jpg" class="w14 h12"></div>
					<div class="itemSpan">
						<h2 class="f28">发票标号：1111111</h2>
						<span>申请机构：中国四达上海分中国四达上海分中国四达上海分中国四达上海分</span>
						<span class="red">金额：9999</span>
					</div>
					<div><a href="single.html"><img src="./img/arrow.png"/></a></div>
				</div>
			</div>
		</div>
		
	</body>

</html>